@import "_layout.less";

[box~="fl"] {
    .clr();
    > * {
        float: left;
    }
}

[box~="fr"] {
    .clr();
    > * {
        float: right;
    }
}

[box~="compact"] {
    .box();
    .box-pack(center);
}

[box~="loose"] {
    .box();
    .box-pack(justify);
}

[box~="top"] {
    .box();
    .box-align(start);
}

[box~="bottom"] {
    .box();
    .box-align(end);
}

[box~="center"] {
    .box();
    .box-align(center);
}

[box~="vertical"] {
    .box();
    .box-orient(vertical);
}